<script type="application/json" id="selectors">
        [{
            "selector": ".t1 td:first-child",
            "match": ["td11", "td21", "td31"]
        },
        {
            "selector": "p > *:first-child",
            "match": ["span"]
        }]
</script>
<div id="testDOM">
    <div>
        <table class="t1" border="1">
            <tr>
                <td id="td11" class="red">green cell</td>
                <td>1.2</td>
                <td>1.3</td>
            </tr>
            <tr>
                <td id="td21" class="red">green cell</td>
                <td>2.2</td>
                <td>2.3</td>
            </tr>
            <tr>
                <td id="td31" class="red">green cell</td>
                <td>3.2</td>
                <td>3.3</td>
            </tr>
        </table>
    </div>
    <p>This paragraph contains some text
        <span id="span">and a span that should have a green background</span>
    </p>
</div>
